<template>
    <Header/>
    <section>
      <div class="left">
        <RighrMeun/>
      </div>
      <div class="right">
        <router-view />
        <!-- <router-view v-slot="{ Component, route }">
          <transition name="fade-slide" mode="out-in" appear>
            <div :key="route.name">
              <component :is="Component" />
            </div>
          </transition>
        </router-view> -->
      </div>
    </section>
</template>

<script setup lang="ts">
import Header from './Header.vue'
import RighrMeun from './rightMeun.vue'
</script>

<style lang="less" scoped>
section {
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 80px);
}
.left {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.right {
  overflow: auto;
  flex: 1;
  padding: 20px;
}
</style>